<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>左侧固定，右侧自适应</title>
    <!--<link href="//cdn.bootcss.com/bootstrap/3.3.7/component/bootstrap.min.component" rel="stylesheet">-->
    <style>
        body{
            margin: 0;
            padding: 0;
        }

        main aside {
            float: left;
            width: 300px;
            height: 100vh;
            background-color: orange;
        }

        main section {
            height: 100vh;
            background-color: yellow;
            overflow: auto;
        }
    </style>
</head>
<body>
<!--主体内容-->
<main>
    <aside></aside>
    <section>
        <!--<article>
            <header></header>
            <p></p>
            <footer></footer>
        </article>-->
    </section>
</main>
</body>
</html>
